@charset "utf-8";
@import "common";
@import "carousel";
.lieren{
    .lierentu{
        background: url("../img/game_bg_02.png") no-repeat left;
        height: 480px;
        .lierenbox{
            h2{
                float: right;
                font-weight: bold;
            }
            >p{
                text-align: right;
                font-size: 13px;
                color: #ababab;
            }
        }
    }
    .kapai{
        .kapaibox{
            margin-bottom: 30px;
            cursor:pointer ;
            img{
                border-radius: 4px;
                &:hover{
                    opacity: 0.8;
                }
            }
        }
        .quxiao{
            margin-bottom: auto;
        }
    }
}
.zhugong{
    .zhugongtu{
        background: url("../img/game_bg_01.png") no-repeat right;
        height: 480px;
        .zhugongbox{
            h2{
                font-weight: bold;
            }
            >p{
                font-size: 13px;
                color: #ababab;
            }
        }
    }
    .sanguo{
        .sanguobox{
            margin-bottom: 30px;
            cursor:pointer ;
            img{
                border-radius: 4px;
                &:hover{
                    opacity: 0.8;
                }
            }
        }
        .quxiao{
            margin-bottom: auto;
        }
    }
}
.anli{
    padding-top: 50px;
    .anliwenzi{
        font-size: 36px;
        font-weight: bold;
        padding-bottom: 35px;
    }
    .anliyouxi{
        padding-bottom: 45px;
        position: relative;
        overflow: hidden;
        .youxibox{
            &:hover{
                .yincang{
                    transform: translateX(100%);
                }
            }
            img{
                width: 100%;
                height: 100%;
                border-radius: 4px;
                &:hover{
                    opacity: 0.8;
                }
            }
            .yincang{
                transition: all 2s;
                background: #100302;
                opacity: 0.8;
                color: white;
                position: absolute;
                left: -100%;
                top: 0;
                width: 99%;
                height: 60%;
                text-align: center;
                >p{
                    font-size: 13px;
                }
            }
            .wenzi{
                width: 100%;
                padding-top: 13px;
                text-align: center;
                font-size: 14px;
            }
        }
    }
}


@media (min-width:768px){
    .lierentu{
        width: 1000px;
    }
}
@media (min-width: 991px){
    .kaipaibox {
        float: left;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }
}
@media (min-width: 300px){
    .kapai img {
        width: 100%;
        height: 100%;
    }
}

@media (min-width:768px){
    .zhugongtu{
        width: 1000px;
    }
}
@media (min-width: 991px){
    .sanguobox {
        float: left;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }
}
@media (min-width: 300px){
    .sanguo img {
        width: 100%;
        height: 100%;
    }
}


@media (min-width: 991px){
    .anliyouxi {
        float: left;
        position: relative;
        overflow: hidden;
        cursor: pointer;
    }
}
//@media (min-width: 588px){
//  .youxibox img {
//      width: 204px;
//      height: 100%;
//  }
//}


@media (min-width: 1200px){
    .container {
        width: 1000px;
    }
}
@media (max-width:480px){
    .lieren .lierentu{
        background: none;
        height: auto;
    }
    .zhugong .zhugongtu{
        background: none;
        height: auto;
    }
}
    
